{% extends "wltheme/base.html" %}
{% load future wlcore_tags wenlincms_tags %}

{% spaceless %}
    {% block iedetect %}{% endblock %}

    {% block iedetect_body %}
        <!--[if lt IE 9]>
        <div class="am-container">
            <p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，本站暂不支持。 请 <a
                    href="/core/html/lower/" target="_blank">升级浏览器</a> 以获得更好的体验！
            </p>
        </div>
        <![endif]-->
    {% endblock %}

    {% block slides %}
        <div class="am-slider am-slider-default" data-am-flexslider>
            {% block bannerpic %}
                <ul class="am-slides">
                    <li style="display: inline-block;background-color:#2472b4">
                        <div class="banner-mask"
                             style='background:url("{{ STATIC_URL }}wltheme/img/home/banner7.jpg") no-repeat center top;background-size: contain'>
                        </div>
                    </li>
                    <li style="display: inline-block;background-color:#3c3d41">
                        <div class="banner-mask"
                             style='background:url("{{ STATIC_URL }}wltheme/img/home/banner3.jpg") no-repeat center top;background-size: contain'>
                        </div>
                    </li>
                </ul>
            {% endblock %}
        </div>
    {% endblock %}

    {% block wlmain %}
        class="wlmain white-back"
    {% endblock %}

    {% block main-container %}

        <div class="am-container">
            <div class="am-g tc abstract">
                <div class="am-u-sm-4">
                    <img src="{{ STATIC_URL }}wltheme/img/home/b0.png" alt="图片" class="am-circle">

                    <h3>标题标题标题标题标题标题标题标题vv</h3>

                    <p>内内容内容内容内容内容内容内容内容内容内容容内内容内容内容内容内容内容内容内容内容内容容
                        内内容内容内容内容内容内容内容内容内容内容容内内容内容内容内容内容内容内容内容内容内容容内内
                        内内容内容内容内容内容内容内容内容内容内容容容内容内容内容内容内容内容内容内容内容容</p>
                    <button type="button" class="am-btn am-btn-default">点击我点击点击我点击我点击我vv！</button>
                </div>

                <div class="am-u-sm-4">
                    <img src="{{ STATIC_URL }}wltheme/img/home/b0.png" alt="图片" class="am-circle">

                    <h3>标题标题标题标题标题标题标题标题vv</h3>

                    <p>内内容内容内容内容内容内容内容内容内容内容容内内容内容内容内容内容内容内容内容内容内容容
                        内内容内容内容内容内容内容内容内容内容内容容内内容内容内容内容内容内容内容内容内容内容容内内
                        内内容内容内容内容内容内容内容内容内容内容容容内容内容内容内容内容内容内容内容内容容</p>
                    <button type="button" class="am-btn am-btn-default">点击我点击我我点击我点击我vv！</button>
                </div>
                <div class="am-u-sm-4">
                    <img src="{{ STATIC_URL }}wltheme/img/home/b0.png" alt="图片" class="am-circle">

                    <h3>标题标题标题标题标题标题标题标题vv</h3>

                    <p>内内容内容内容内容内容内容内容内容内容内容容内内容内容内容内容内容内容内容内容内容内容容
                        内内容内容内容内容内容内容内容内容内容内容容内内容内容内容内容内容内容内容内容内容内容容内内
                        内内容内容内容内容内容内容内容内容内容内容容容内容内容内容内容内容内容内容内容内容容</p>
                    <button type="button" class="am-btn am-btn-default">点击我点击我点击我点击我点击我vv！</button>
                </div>
            </div>
            {#            <div class="home-mod home-mod-1"></div>#}
            {#            <div class="home-mod home-mod-2"></div>#}
            <div data-am-widget="list_news" class="am-list-news am-list-news-default features">

                <div class="am-list-news-bd">
                    <ul class="am-list">
                        <li class="divider"></li>
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-5 am-list-thumb">
                                <a href="###" class="">
                                    <img src="{{ STATIC_URL }}wltheme/img/home/1.jpg" alt="##"/>
                                </a>
                            </div>

                            <div class=" am-u-sm-7">
                                <h3 class="am-list-item-hd heading pl10"><a href="##" class="">我很囧晒行中的那些囧！</a></h3>

                                <div class="am-list-item-text pl10">
                                    囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！
                                </div>

                            </div>
                        </li>

                        <li class="divider"></li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                            <div class=" am-u-sm-7">
                                <h3 class="am-list-item-hd heading pr10"><a href="##" class="">我很囧晒行中的那些囧！</a></h3>

                                <div class="am-list-item-text pr10">
                                    囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！
                                </div>

                            </div>
                            <div class="am-u-sm-5 am-list-thumb">
                                <a href="###" class="">
                                    <img src="{{ STATIC_URL }}wltheme/img/home/2.jpg" alt="##"/>
                                </a>
                            </div>

                        </li>

                        <li class="divider"></li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-5 am-list-thumb">
                                <a href="###" class="">
                                    <img src="{{ STATIC_URL }}wltheme/img/home/3.jpg" alt="##"/>
                                </a>
                            </div>

                            <div class=" am-u-sm-7">
                                <h3 class="am-list-item-hd heading pl10"><a href="##" class="">我很囧晒行中的那些囧！</a></h3>

                                <div class="am-list-item-text pl10">
                                    囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！
                                </div>

                            </div>
                        </li>

                        <li class="divider"></li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                            <div class=" am-u-sm-7">
                                <h3 class="am-list-item-hd heading pr10"><a href="##" class="">我很囧晒行中的那些囧！</a></h3>

                                <div class="am-list-item-text pr10">
                                    囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！
                                </div>

                            </div>
                            <div class="am-u-sm-5 am-list-thumb">
                                <a href="###" class="">
                                    <img src="{{ STATIC_URL }}wltheme/img/home/4.jpg" alt="##"/>
                                </a>
                            </div>

                        </li>
                    </ul>
                </div>

            </div>

        </div>



        <div class="am-container">
            {#            <div class="home-mod home-mod-5"></div>#}
        </div>
    {% endblock %}

    {% block js %}
        <script type="text/javascript">
            $('.pal a').hover(function () {
                var a = $(this).find('img').attr('src');
                var b = $(this).find('img').attr('ng-src');
                $(this).find('img').attr('src', b);
                $(this).find('img').attr('ng-src', a);
            }, function () {
                var a = $(this).find('img').attr('src');
                var b = $(this).find('img').attr('ng-src');
                $(this).find('img').attr('src', b);
                $(this).find('img').attr('ng-src', a);
            });
        </script>
    {% endblock %}
{% endspaceless %}
